利用after伪元素实现hr效果

[TOC]

<div class="item">

.item{
 position: relative;
 &:after {
 	     display: block;
         position: absolute;
         width: 100%;
         left: 0;
         bottom: 0;
         border-bottom: 1px rgba(7, 17 , 27, 0.1) solid;
         content: ' ';
 }
}